<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>13-tablesort表格排序.html</title>
		<script type="text/javascript" src="../../lib/jq/jquery-1.11.3.min.js" ></script>
		<!--<script type="text/javascript" src="../../lib/tablesort/jquery-latest.js" ></script>-->
		<script type="text/javascript" src="../../lib/tablesort/jquery.tablesorter.min.js" ></script>
		<link rel="stylesheet" href="../../lib/tablesort/style.css" />
	</head>
	<body>
		
<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td><a href="javascript:;">$50.00</a></td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>-</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td><a href="javascript:;">$100.00</a></td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody>
<tbody>
	<tr>
		<td colspan="20" style="text-align: center;">总计</td>
	</tr>
</tbody> 	
</table> 
	<script>
		$(document).ready(function() {
				$("#myTable").tablesorter({
					headers: {
						0: {sorter:false} // 配置禁止第一行排序
					}
				});
			}
		);
		
	</script>	
	</body>
</html>
